.page-bookshelft-my .header-r{
    background-color: transparent;
    border-bottom:0;
}
h3.btn-group-cell{
    color:#fff;
}
.header-back i.w{
    background-image: url(../images/icon-return-w.png);
}
.header-operate>.icon-search-w{
    background-image: url(../images/icon-search-w.png);
}
.header-operate>.icon-more-w{
    background-image: url(../images/icon-more-w.png);
}
.center-header {
    font-size: .875rem;
    overflow: hidden;
    min-height: 10.625rem;
    margin-top: -2.75rem;
    text-align: center;
    color: #fff;
    background: #ed424b url(../images/center-header-bg.c36bb.jpg) no-repeat center;
    background-size: cover;
}
.center-header-img {
    width: 3.5rem;
    height: 3.5rem;
    margin-top: 3rem;
    vertical-align: bottom;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 4rem;
}
.center-header-p {
    margin: .25rem 0 .125rem;
}
.icon-level-1 {
    background-image: url(../images/sprite.165c8.png);
    background-position: 0 -19px;
    width: 33px;
    height: 15px;
}
.icon-level-2 {
    background-image: url(../images/sprite.165c8.png);
    background-position: -39px 0;
    width: 33px;
    height: 15px;
}
.icon-level-3 {
    background-image: url(../images/sprite.165c8.png);
    background-position: -39px -19px;
    width: 33px;
    height: 15px;
}
.icon-level-4 {
    background-image: url(../images/sprite.165c8.png);
    background-position: 0 -38px;
    width: 33px;
    height: 14px;
}
.icon-level-5 {
    background-image: url(../images/sprite.165c8.png);
    background-position: 0 0;
    width: 35px;
    height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
{
    .icon-level-1,.icon-level-2,.icon-level-3 ,.icon-level-4 ,.icon-level-5  {
        background-image: url(../images/sprite@2x.94f57.png);
        background-size: 92px 72px;
    }
}

i[class*=icon-] {
    display: inline-block;
}
.cell{
    width:75%;
    float:left;
    height:4rem;
}
.center-pay{
    width:25%;
    float:left;
    height:4rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #ed424b;
    font-size:14px;
    border-left: 1px solid #f0f1f2;
    margin-left: -1px;

}
.zk{
    height:5px;
    width:100%;
}
.btn-group-cell a{
    height:4rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.icon-center-pay {
    background-image: url(../images/sprite.5b207.png);
    background-position: -34px -28px;
    width: 24px;
    height: 18px;
}
.module{
    overflow:hidden;
}
.center-nav-ol {
    line-height: 1.25rem;
}
.book-layout {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 1rem;
    -webkit-transition: padding-left .15s;
    transition: padding-left .15s;
}
.book-li::after {
    display: block;
    margin-top: -1px;
    margin-left: 1rem;
    content: '';
    -webkit-transition: margin-left .15s;
    transition: margin-left .15s;
    border-bottom: 1px solid #f0f1f2;
}

.book-title {
    line-height: 1.4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.center-nav-ol .book-title {
    font-size: .875rem;
    float: left;
}
.book-author {
    font-size: .8125rem;
    display: block;
    overflow: hidden;
    max-width: 10em;
    max-width: calc(100vw - 2rem - (176rem / 16));
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #969ba3;
}
.center-nav-ol .book-author {
    float: right;
}
.icon-center-msg {
    background-image: url(../images/sprite.5b207.png);
    background-position: -90px 0;
    width: 16px;
    height: 18px;
}
.icon-center-level {
    background-image: url(../images/sprite.5b207.png);
    background-position: 0 -56px;
    width: 18px;
    height: 17px;
}
.icon-center-exp {
    background-image: url(../images/sprite.5b207.png);
    background-position: -68px 0;
    width: 18px;
    height: 18px;
}
.icon-center-safe {
    background-image: url(../images/sprite.5b207.png);
    background-position: -90px -22px;
    width: 16px;
    height: 18px;
}
.icon-center-help {
    background-image: url(../images/sprite.5b207.png);
    background-position: -90px -44px;
    width: 16px;
    height: 16px;
}
.icon-center-money {
    background-image: url(../images/sprite.5b207.png);
    background-position: -68px -22px;
    width: 18px;
    height: 18px;
}
.center-nav-ol .book-title>i {
    margin-right: .75rem;
    vertical-align: -.35ex;
}
.null::before {
    display: block;
    width: 2.25rem;
    height: 3rem;
    margin: 0 auto .75rem;
    content: '';
    background: url(/images/msg.svg) no-repeat center;
    background-size: 100% 100%;
}
.module-bar {
    font-size: .8125rem;
    line-height: 2.75rem;
    text-align: center;
    color: #969ba3;
    background-color: #f6f7f9;
}
.center-logout {
    font-size: .875rem;
    display: block;
    color: #ed424b;
    background: 0 0;
}
.footer{
    position:inherit;
}